<script setup>
import {onMounted, onUnmounted, ref} from "vue";

const x = ref(0)
const y = ref(0)

const update = e => {
  x.value = e.pageX
  y.value = e.pageY
}

onMounted(() => {
  window.addEventListener('mousemove', update)
})
onUnmounted(() => {
  window.removeEventListener('mousemove', update)
})
</script>

<template>
  <slot :x="x" :y="y" />
</template>

<style scoped>

</style>